
<template>
	<div class="header-act border-top">
		<!-- 左边 -->
		<div class="act-item border-right">
			<!-- 定位图标 -->
			<span class="iconfont">&#xe63f;</span>
			<label>广东广州</label>
		</div>
		<!-- 右边 -->
		<div class="act-item">
			<!-- 地球图标 -->
			<span class="iconfont">&#xe719;</span>
			<label>玩水库</label>
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	.header-act{
		display: flex;
		width: 100%;
		position: relative;
		background-color: white;
	}
	.act-item{
		flex: 1;/*在明确宽度的前提下，要求该选择器的宽度占领剩余的部分；多个标签使用该选择器表示平均分配*/
		font-size: 0.28rem;
		text-align: center;
		line-height: 1rem;/*50px*/
	}
	.iconfont{
		margin-right: 0.1rem;
	}
</style>
